<!--
author:        hejy <silentmanager@163.com>
date:          2024-11-01 00:33:42
component:     index
Copyright © YourCompanyName All rights reserved
签收营业额
-->
<template>
  <el-tabs v-model="activeName" type="card" class="demo-tabs">
    <el-tab-pane label="员工" name="second">
      <Employees v-show="activeName === 'second'" />
    </el-tab-pane>
    <el-tab-pane v-if="readTeam" label="班组" name="first"
      ><ClassGroup v-show="activeName === 'first'"
    /></el-tab-pane>
  </el-tabs>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import ClassGroup from './components/classGroup.vue'
import Employees from './components/employees.vue'
import { useReadTeam } from '@/hooks/useReadTeam'
const { readTeam } = useReadTeam()

const activeName = ref('second')
</script>

<style>
.demo-tabs > .el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}
</style>
